<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>Elix Menu</title>

    <link rel="stylesheet" href="demos.css" />
    <script type="module" src="../define/MenuItem.js"></script>
    <script type="module" src="../define/MenuSeparator.js"></script>
    <script type="module" src="../define/Menu.js"></script>
  </head>

  <body role="main">
    <div class="demo medium">
      <elix-menu aria-label="Commands">
        <elix-menu-item>New Tab</elix-menu-item>
        <elix-menu-item>New Window</elix-menu-item>
        <elix-menu-separator></elix-menu-separator>
        <elix-menu-item>History</elix-menu-item>
        <elix-menu-item>Downloads</elix-menu-item>
        <elix-menu-item>Bookmarks</elix-menu-item>
        <elix-menu-separator></elix-menu-separator>
        <elix-menu-item>Zoom</elix-menu-item>
        <elix-menu-item>Settings</elix-menu-item>
      </elix-menu>
    </div>
  </body>
</html>
